<template>
  <a-modal
    :title="title"
    :width="1000"
    :visible="visible"
    @cancel="handleCancell"
    cancelText="关闭"
    @ok="handleOk">
    <a-spin :spinning="confirmLoading">
      <div v-show="tabkey==0">
        <label class="newInfoTb"></label>
        <label class="newInfo">该标讯详情经用户反馈，有异常，点击编辑查看具体异常内容</label>
      </div>
      <div v-html="content" class="newContent"></div>
    </a-spin>
  </a-modal>

</template>

<script>
    import { getQueryBidding } from '@/api/api'
    export default {
      data() {
        return {
          title: '详情',
          visible: false, // 是否启用本页面
          confirmLoading: false,
          content: '',
          tabkey: ''
        }
      },
      methods: {
        edit(id, tabkey) {
          this.tabkey = tabkey
          this.visible = true
          this.confirmLoading = true
          getQueryBidding({ id: id }).then((res) => {
            if (res.success) {
              this.confirmLoading = false
              this.content = res.result.content
            } else {
              this.$message.warning(res.message)
            }
          })
        },
        handleCancell() {
          this.close()
        },
        close() {
          this.$emit('close')
          this.visible = false
        },
        handleOk() {
          this.close()
        }
      }
    }
  </script>
</script>

<style scoped>
  .newInfo{
    font-size:14px;
    color:#FB3C3C;
  }
  .newInfoTb{
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 6px 2px 0;
    background:#FB3C3C;
    }
    .newContent{
      width:900px;
      wrap:break-word;
      word-break:break-all;
      margin:0 auto;
      padding-top:16px;
    }
</style>
